﻿/* Generic Styles */

body
{
    margin: 0px;
    background-color: #156075;
    font-family: "Lucida Sans Unicode" , Calibri, Corbel;
    color: #333333;
    line-height: 1.2em;
    font-size: .8em;
}

br
{
    line-height: 2em;
}

table
{
    border-collapse: collapse;
}

td
{
    padding: 4px;
    margin: 4px;
    vertical-align: middle;
}

input
{
    font-family: Corbel;
    font-size: medium;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
    font-family: "Lucida Sans Unicode";
    font-weight: normal;
    color: #2A4380;
}

h1.title
{
    padding: 20px;
    margin: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #00002F;
    background-color: #CEDEFF;
}

/* Header Styles */

div#Header a, div#Header a:visited
{
    color: White;
}

/* Navigation Menu Styles *****************************/

div#NavigationMenu ul
{
    padding: 4px;
    border: 1px solid #CCCCCC;
    list-style-type: none;
    height: 40px;
    background-color: #003366;
    margin-bottom: 0px;
    text-align: right;
}

div#NavigationMenu li
{
    height: 40px;
    line-height: 40px;
    float: left;
    width: 120px;
    text-align: center;
}

div#NavigationMenu li a
{
    display: block;
}

div#NavigationMenu li a:hover
{
    border: 1px solid #C0C0C0;
    background-color: #F2F2F2;
    color: #666666;
    text-decoration: none;
}

/***************************** Navigation Menu Styles */
/* Main Content Styles */

div#PageContent
{
    background-color: #FFFFFF;
}

.LoginPanel
{
    float: none;
    clear: both;
    display: inline;
    margin-right: auto;
    margin-left: auto;
}

/* Control Panel Buttons Styles *****************************/

.MenuItem
{
    border: 1px solid #FFFFFF;
    padding: 6px;
    margin: 6px;
    line-height: 0.8em;
    font-size: small;
    text-align: left;
    width: 300px;
    display: block;
    float: left;
    text-decoration: none;
}

.MenuItem:hover
{
    border: 1px solid #CCCCCC;
    background-color: #EBEBEB;
    text-decoration: none;
}

.MenuItem:visited
{
}

.MenuItem .header
{
    margin: 6px 6px 10px 6px;
    font-size: medium;
    display: block;
    color: #003366;
    font-family: 'Segoe UI';
}

.MenuItem .comments
{
    margin: 6px;
    font-size: .8em;
    color: #666666;
    display: block;
}

.MenuItem .header:hover
{
    text-decoration: none;
}

/***************************** Control Panel Buttons Styles */
/* Preview Panel Styles */

div.Preview div#Header, div.Preview div#Footer
{
    height: 60px;
}

div.Preview div#Content
{
    height: 120px;
}

div.Preview div.PageSection
{
    margin: 4px;
    padding: 4px;
    border: 1px solid #CCCCCC;
    background-color: #EAEAEA;
}

/* Message Box Styles */

div.Warning
{
    padding: 8px;
    margin: 8px;
    border: 1px solid #FFCC66;
    background-color: #FFFFCC;
}

div.Success
{
    background-color: #DFFFBF;
    border: 1px solid #CCFF99;
    padding: 8px;
    margin: 8px;
}

div.ConfigPanel
{
    padding: 10px;
    border: 1px solid #CCCCCC;
    background-color: #E9E9E9;
    position: relative;
    width: 160px;
}

div.ConfigPanel a
{
    position: relative;
    display: inline-block;
    width: 100px;
    margin-left: 4px;
    margin-top: -4px;
}

ul#ConfigMenu
{
    margin: 0px;
    list-style-type: none;
    display: block;
}

ul#ConfigMenu li
{
    margin: 0px;
    padding: 4px;
    display: block;
}

div.ConfigSeperator
{
    margin: 0px 4px;
    border-top: 1px solid #CCCCCC;
    height: 1px;
}

/* Buttons Styles */

.AddNew
{
    display: block;
    padding: 4px;
    margin: 4px;
    border: 1px solid #CCFF99;
    background-color: #E9FFD2;
    width: 140px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}

.PageMessage
{
    display: none;
}
